//- Copyright (C) 2018-2022 Chatopera Inc, <https://www.chatopera.com>
//- 
//- Licensed under the Apache License, Version 2.0 (the "License");
//- you may not use this file except in compliance with the License.
//- You may obtain a copy of the License at
//- 
//-  http://www.apache.org/licenses/LICENSE-2.0
//- 
//-  Unless required by applicable law or agreed to in writing, software
//- distributed under the License is distributed on an "AS IS" BASIS,
//-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//- See the License for the specific language governing permissions and
//- limitations under the License.
//-
    原始 Freemarker 文件位置：https://gitlab.chatopera.com/chatopera/cskefu/blob/760e130e770a96a43e8f6f2c8a1eb0885c0bbf90/contact-center/app/src/main/resources/templates/apps/agent/mainagentuser_skype.html
    该页面需要使用Skype插件，此处是没有完全转化的 Pug 文件
    如果提供这个页面，需要参考 Freemarker 原文件完成转化或参考实现
script(language='javascript').
    cursession = "<#if curagentuser??>${curagentuser.userid!''}</#if>";
    var massMassageToAgent = null;
    massMassageToAgent = "<#if massMassageToAgent??>${massMassageToAgent!''}</#if>";

    var ids = "<#if ids??>${ids!''}</#if>";
    var userid = "${curagentuser.userid!''}", agentserviceid = "${curagentuser.agentserviceid!''}",
        agentuserid = "${curagentuser.id}", masscuragentuser = "${masscuragentuser}";

body
    .main-agentuser
        .chat-agent
            h1.site-h1
                //             <#if curagentuser??>
                //             <div style="width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap: break-word;
                // word-break: break-all;">
                //             ${curagentuser.username!''}<#if curagentuser.region??>  （ ${curagentuser.region!''} </#if></div>
                //             <div style="float:right;" class="ukefu-service-btn">
                //                 <a href="/agent/summary.html?userid=${curagentuser.userid!''}&agentserviceid=${curagentuser.agentserviceid!''}&agentuserid=${curagentuser.id}&channel=${curagentuser.channel}" data-toggle="ajax" data-width="950" data-height="450" title="记录服务小结"><button class="layui-btn layui-btn-small"><i class="kfont">&#xe65c;</i> 服务小结</button></a>
                //                 <a href="/agent/transfer.html?userid=${curagentuser.userid!''}&agentserviceid=${curagentuser.agentserviceid!''}&agentuserid=${curagentuser.id}" data-toggle="ajax" data-width="750" data-height="550" title="选择转接对象"><button class="layui-btn layui-btn-small"><i class="kfont">&#xe7be;</i> 转接坐席</button></a>
                //                 <a href="/agent/end.html?id=${curagentuser.id!''}" data-toggle="tip" data-title="请确认是否关闭和用户“${curagentuser.username!''}”的对话？"><button class="layui-btn layui-btn-small layui-btn-danger"><i class="kfont">&#xe621;</i> 结束对话</button></a>
                //             </div>
                //             </#if>
            #chat_msg_list.chat-message.chat_msg_list(style='position: relative')
                //         <#if agentUserMessageList?? && agentUserMessageList.content??>
                //         <#list agentUserMessageList.content?reverse as chatmessage>
                //         <div class="clearfix chat-block" name="${chatmessage.createtime}">
                //             <div class="<#if (chatmessage.calltype?? && chatmessage.calltype == '呼出')>chat-right<#else>chat-left</#if>">
                //                 <img alt="" src="<#if (chatmessage.calltype?? && chatmessage.calltype == '呼出')>/images/agent.png<#else><#if curagentuser.headimgurl?? && curagentuser.headimgurl !=''>${curagentuser.headimgurl}<#else>/images/im/user.png</#if></#if>" style="width:45px;height:45px;" class="user-img">
                //                 <div class="chat-message">
                //                             <span class="<#if (chatmessage.calltype?? && chatmessage.calltype == '呼出')>rateright<#else>rateleft</#if>">
                //                                 <i class="layui-icon iconclick" id=${chatmessage.id}  name="<#if (chatmessage.islabel == true??)>yeslabe<#else>nolabe</#if>"  style="font-size: 30px;cursor: pointer; color:<#if (chatmessage.islabel == true??)>#46cad4;<#else>#aaaaaa;</#if>;"> <#if (chatmessage.islabel == true??)>&#xe616;<#else>&#x1005;</#if></i>
                //                             </span>
                //                     <span class="user">
                //                         <#if chatmessage?? && chatmessage.calltype?? && chatmessage.calltype == '呼出'>
                //                             ${chatmessage.intervented?string(chatmessage.supervisorname,curagentuser.agentname)}
                //                         <#else>
                //                             ${curagentuser.username!''}
                //                         </#if>
                //                     </span>
                //                     <span class="time">${chatmessage.createtime?string('yyyy-MM-dd HH:mm:ss')}</span>
                //                     <span class="<#if (chatmessage.calltype?? && chatmessage.calltype == '呼出')>rateleft<#else>rateright</#if>"  style="cursor: pointer; font-size: 30px">
                //                                 <i class="layui-icon iconclick" id=${chatmessage.id} name="<#if (chatmessage.islabel == true??)>yeslabe<#else>nolabe</#if>"  style="cursor: pointer; font-size: 30px; color:<#if (chatmessage.islabel == true??)>#46cad4;<#else>#aaaaaa;</#if>;"> <#if (chatmessage.islabel == true??)>&#xe616;<#else>&#x1005;</#if></i>
                //                             </span>
                //                 </div>
                //                 <div class="<#if (chatmessage.calltype?? && chatmessage.calltype == '呼出')>chatting-right<#else>chatting-left</#if>">
                //                     <i class="userarrow"></i>
                //                     <div class="chat-content"><#include "/apps/agent/media/message.html"></div>
                //                 </div>
                //             </div>
                //         </div>
                //         </#list>
                //         <#elseif curagentuser??>
                //             <#if curagentuser.status?? && curagentuser.status == "end">
                //             <div class="clearfix chat-block connect-end" id="agentuser-curstatus">
                //                 <span class="connect-message">用户“${curagentuser.username!''}”已经离开</span>
                //             </div>
                //             <#else>
                //             <div class="clearfix chat-block connect-begin" id="agentuser-curstatus">
                //                 <span class="connect-message">用户“${curagentuser.username!''}”开始对话</span>
                //             </div>
                //             </#if>
                //         </#if>
        .chat-bottom
            .row
                .col-lg-12
                    textarea#message(name='message')
                    button.send-btn(type='button', onclick='sendMessage()').

                                                    发送

                    style.

                        .ke-container {
                            border: 0px solid #E0E0E0 !important;
                        }

                    script(language='javascript').

                        var editor, layer;
                        $(document).ready(function () {
                            // KindEditor.ready(function(K) {
                            var K = KindEditor;
                            editor = K.create('#message', {
                                height: "160px",
                                themeType: 'simple',
                                width: "100%",
                                items: ['emoticons', 'image', 'insertfile'],
                                resizeType: 0,
                                uploadJson: "/agent/image/upload.html?id=${curagentuser.id!''}",
                                allowFileManager: false,
                                newlineTag: "br",
                                fontsize: 16,
                                allowFileUpload: true,
                                allowInsertUpload: false,		//增加的参数，上传图片后是否插入到当前区域
                                allowImageRemote: false,
                                afterUpload: function (url) {
                                    return false;
                                },
                                afterCreate: function () { //设置编辑器创建后执行的回调函数
                                    var self = this;

                                <#if sessionConfig?? && sessionConfig.agentctrlenter?? && sessionConfig.agentctrlenter == true>
                                //Ctrl+Enter提交表单
                                K.ctrl(document, 13, function() {
                                    self.sync();
                                    sendMessage();
                                });
                                K.ctrl(self.edit.doc, 13, function() {
                                    self.sync();
                                    sendMessage();
                                });
                                <#else>
                                var kindEditorIframe = $("iframe").contents().find("body");
                                kindEditorIframe.keydown(function (event) {
                                    if(event.keyCode==13 && !event.ctrlKey){
                                    self.sync();
                                    sendMessage();
                                    return false;
                                }else if(event.keyCode==13 && event.ctrlKey){
                                    editor.insertHtml('<br/>');
                                }
                                });
                                //Ctrl+Enter提交表单
                                K.ctrl(document, 13, function() {
                                    editor.insertHtml('<br/>');
                                });
                                K.ctrl(self.edit.doc, 13, function() {
                                    editor.insertHtml('<br/>');
                                });
                                </#if>
                                <#if sessionConfig?? && sessionConfig.enablequick>
                                /**
                                var _self = this;
                                loadURL("/res/quickreply.html" , null , function(data){
                                    $(_self).suggest('@', {
                                        data: eval(data),
                                        mapkey: ['title', 'id'],
                                        map: function (topic) {
                                            console.log(topic);
                                            return {
                                                value: topic.text,
                                                text: '<p>' + topic.text + '</p>'
                                            }
                                        }
                                    });
                                });
                                **/
                                </#if>
                                }
                                });
                                // });
                                KindEditor.options.cssData = "body {font - size: 15px; font-family:'Microsoft Yahei', 'Helvetica', 'Simsun', 'Arial';}";
                                });

    .ukefu-chat-prop
        .ukefu-prop-list
            .layui-side-scroll
                .layui-tab(style='margin-top:0px;')
                    ul.layui-tab-title
                        li.layui-this 访客
                        li 历史
                        li 搜索历史消息
                        //                     <#if models?seq_contains("workorders")>
                        //                     <li>工单</li>
                        //                     </#if>
                        //                     <#if sessionConfig?? && sessionConfig.otherquickplay?? && sessionConfig.otherquickplay == true>
                        //                     <li>知识库</li>
                        //                     </#if>
                    .layui-tab-content(style='padding: 5px 0px 0px;')
                        .layui-tab-item.layui-show
                            .box
                                .box-title
                                    h1.site-h1(style='background-color:#EEEEEE;')
                                        |
访问信息

div(style='float:right;')
    button.layui-btn.layui-btn-small.layui-btn-radius.layui-btn-danger(href='/agent/blacklist/add.html?userid=${curagentuser.userid!\'\'}&agentserviceid=${curagentuser.agentserviceid!\'\'}&agentuserid=${curagentuser.id}&times=${serviceCount!0}&chattime=<#if onlineUser?? && onlineUser.betweentime??>${onlineUser.betweentime}<#else>0</#if>', data-toggle='ajax', data-title='拉黑访客', data-width='900') 拉黑访客
.box-body(style='padding:0px 10px;position: relative;')
    //                              <#if curagentuser.channel?? && curagentuser.channel == "webim">
    //                                 <#include "/apps/agent/channel/webim.html">
    //                              <#elseif curagentuser.channel?? && curagentuser.channel == "weixin">
    //                                 <#include "/apps/agent/channel/weixin.html">
    //                              <#elseif curagentuser.channel?? && curagentuser.channel == "skype">
    //                                 <#include "/apps/agent/channel/skype.html">
    //                              </#if>
    //                             <#if curagentuser.name??>
    //                             <ul class="info-list">
    //                                 <li>
    //                                     姓名：
    //                                     <span class="tgreen">
    //                                         ${curagentuser.name!''}
    //                                         </span>
    //                                 </li>
    //                                 <#if curagentuser.phone??>
    //                                 <li>
    //                                     电话：
    //                                     <span class="tgreen">
    //                                         ${curagentuser.phone!''}
    //                                         </span>
    //                                 </li>
    //                                 </#if>
    //                                 <#if curagentuser.email??>
    //                                 <li>
    //                                     邮件：
    //                                     <span class="tgreen">
    //                                             ${curagentuser.email!''}
    //                                             </span>
    //                                 </li>
    //                                 </#if>
    //                                 <#if curagentuser.resion??>
    //                                 <li>
    //                                     来访原因：
    //                                     <span class="tgreen">
    //                                                 ${curagentuser.resion!''}
    //                                                 </span>
    //                                 </li>
    //                             </#if>
    //                             </ul>
    //                             </#if>
    //                             <#if curAgentService?? && curAgentService.trans?? && curAgentService.trans>
    //                             <ul class="info-list">
    //                                 <li>
    //                                     转接：
    //                                     <span class="tgreen">
    //                                                     <i class="layui-icon" style="color:#19a55d;">&#xe618;</i>
    //                                                     </span>
    //                                 </li>
    //                                 <#if curAgentService.transtime??>
    //                                 <li>
    //                                     转接时间：
    //                                     <span class="tgreen">
    //                                                     ${curAgentService.transtime?string("yyyy-MM-dd HH:mm:ss")}
    //                                                     </span>
    //                                 </li>
    //                                 </#if>
    //                                 <#if curAgentService.transmemo??>
    //                                 <li>
    //                                     转接附言：
    //                                     <span class="tgreen">
    //                                                         ${curAgentService.transmemo!''}
    //                                                         </span>
    //                                 </li>
    //                                 </#if>
    //                              </ul>
    //                             </#if>
//                     <#if models?seq_contains("contacts")>
//                     <div class="box">
//                         <div class="box-title">
//                             <h1 class="site-h1" style="background-color:#EEEEEE;">
//                                 联系人
//                                 <div style="float:right;">
//                                     <button class="layui-btn layui-btn-small layui-btn-normal" href="/apps/contacts/embed/index.html?userid=${curagentuser.userid!''}&agentserviceid=${curagentuser.agentserviceid!''}&agentuserid=${curagentuser.id}&times=${serviceCount!0}&chattime=<#if onlineUser?? && onlineUser.betweentime??>${onlineUser.betweentime}<#else>0</#if>" data-toggle="ajax" title="请选择联系人" data-width="950" data-height="500">关联联系人</button>
//                                 </div>
//                             </h1>
//                         </div>
//                         <div class="box-body" style="padding:0px 10px;" id="ukefu_contacts_info">
//                             <#include "/apps/agent/contacts.html">
//                         </div>
//                     </div>
//                     </#if>
.layui-tab-item
    .box
        .box-title
            h1.site-h1(style='background-color:#EEEEEE;').

                                                            历史记录

        .box-body(style='padding:0px 10px;')
            ul.info-list.ukefu-quick-reply
                //                                 <#if agentServiceList?? && agentServiceList?size gt 0>
                //                                 <#list agentServiceList as agentService>
                //                                 <li class="ukefu-agentservice-list">
                //                                     <a href="/service/online/chatmsg.html?id=${agentService.id!''}&title=false" data-toggle="ajax" data-width="950" data-height="500" data-title="服务记录">
                //                                         <span style="overflow: hidden;text-overflow: ellipsis;white-space:nowrap;max-width:48%;display: inline-block;" class="quick-reply" data-id="content_${agentService.id!''}" title="${agentService.username!''}">${agentService.username!''}</span>
                //                                         <div class="ukefu-agentservice-his" style="overflow: hidden;text-overflow: ellipsis;white-space:nowrap;max-width:48%;" title="${agentService.agentusername!''}">坐席：${agentService.agentusername!''}</div>
                //                                         <div style="color:#333;position: relative;">
                //                                             ${agentService.servicetime?string("yyyy-MM-dd HH:mm:ss")}
                //                                             <div class="ukefu-agentservice-his">时长：${(agentService.sessiontimes/(1000*60*60))?string('00')}:${((agentService.sessiontimes%(1000*60*60))/(1000*60))?string('00')}:${((agentService.sessiontimes%(1000*60))/(1000))?string('00')}</div>
                //                                         </div>
                //                                     </a>
                //                                 </li>
                //                                 </#list>
                //                                 <#else>
                //                                 <li style="list-style: none;background-image: url();padding: 50px 0 50px;">
                //                                     <div class="ukefu-empty"  style="background: none">
                //                                         <i class="layui-icon"></i>
                //                                         <div style="">还没有咨询记录</div>
                //                                     </div>
                //                                 </li>
                //                                 </#if>
.layui-tab-item
    .box
        .box-title
            h1.site-h1(style='background-color:#ffffff;')
                div(style='width:60%;height:40px;margin:0 auto ;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content: space-between;')
                    #all.unselected(style='margin-top: 5px;height:30px;')
                        i.layui-icon(style='cursor: pointer;font-size:18px; float: left;margin:0 2px;') 
                        p(style='line-height: 30px') 全部
                    #searchlabel.unselected(style='margin-top: 5px;height:30px;')
                        i.layui-icon(style='cursor: pointer;font-size:18px; float: left;margin:0 2px;') စ
                        p(style='line-height: 30px') 标注
                .searchbox(style='width: 300px;height:30px;border-radius: 5px;background:#f2f3f5; margin: 0 auto 10px;clear: both;border: 1px solid rgb(210, 210, 210);overflow: hidden;')
                    i#search.csfont(style='cursor: pointer;float: left;margin:0 0 0 50px;font-size: 24px;color: #757575') 
                    input#searchconter(style='width: 150px;height: 30px;border: none;background:#f2f3f5;', type='text', name='title', required, lay-verify='required', placeholder='  请输入搜索内容', autocomplete='off')
                    #searchSubmit(style='cursor:pointer') 搜索
                p#numSearches
        #nothing(style='margin-top: 150px')
            div(style='width: 120px;height: 120px;margin: 0 auto')
                i.csfont(style='font-size: 120px;color:#00a65a') 
            p#nothingTxt(style='text-align: center;color: #7e8790') 请输入搜索内容
        //         ${agentUserMessageNum!''}
        .box-body(style='padding:0px 10px;margin-top: 20px')
            ul.info-list.ukefu-quick-reply#searchlist.


//                 <#if models?seq_contains("workorders")>
//                 <div class="layui-tab-item" id="workorders">
//                         <#if workOrdersList?? && workOrdersList?size gt 0>
//                         <#include "/apps/agent/workorders.html">
//                         </#if>
//                 </div>
//                 </#if>
//                 <#if sessionConfig?? && sessionConfig.otherquickplay?? && sessionConfig.otherquickplay == true>
//                 <div class="layui-tab-item" id="km">
//                     <div class="box">
//                         <div class="box-title">
//                             <h1 class="site-h1" style="background-color:#EEEEEE;">
//                                 知识列表
//                                 <span style="float:right;margin-top:-3px;">
//                                                     <div class="layui-input-inline">
//                                                         <input type="text" name="q" id="otherSearchQuery" onKeyPress="otherTopicEnter()" style="height: 30px;width:120px;line-height: 30px;padding-right:30px;border: 1px solid #32c24d;" placeholder="请输入查询条件" autocomplete="off" class="layui-input">
//                                                         <i class="layui-icon" onclick="otherTopicSearch();" style="position: absolute;cursor: pointer;right: 3px;top: 0px;font-size: 20px;color:#32c24d;"></i>
//                                                     </div>
//                                                 </span>
//                             </h1>
//                         </div>
//                         <div class="box-body" style="padding:0px 10px;" id="topiclist">
//                             <#include "/apps/agent/othertopic.html">
//                         </div>
//                     </div>
//                 </div>
//                 </#if>
style.

    .layui-flow-more {
        position: absolute;
        top: 0;
        left: 45%;
    }

    .chat-left .chat-message .rateright {
        display: inline-block;
    }

    .chat-left .chat-message .rateleft {
        display: none;
    }

    .chat-right .chat-message .rateright {
        display: inline-block;
    }

    .chat-right .chat-message .rateleft {
        display: none;
    }

    #numSearches {
        text-align: left;
        clear: both;
        color: #7e8790;
        margin-left: 10px;
    }

    #numSearches span {
        color: #000;
    }

    #searchSubmit {
        float: right;
        width: 50px;
        background: #25c571;
        text-align: center;
        color: #fff;
    }

    .unselected {
        margin-left: 10px;
        width: 55px;
        height: 30px;
        float: left;
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        border-radius: 5px;
        font-weight: 400;
    }

    .unselected i, .unselected p {
        color: #000;
    }

    .selected i, .selected p {
        color: #00a65a;
        font-weight: bold;
    }

script.

    $(document).ready(function () {
        var test = window.location.search;
    })
    document.getElementById('chat_msg_list').scrollTop = document.getElementById('chat_msg_list').scrollHeight;
    layui.use('element', function () {
        var element = layui.element();
    });
    layui.use('layer', function () {
        layer = layui.layer;
        $('#tag').click(function () {
            $('#taglist').show();
        })
        $('.tag-switch').click(
            function () {
                if ($('#tag_' + $(this).data("id")).length > 0) {
                    $('#tag_' + $(this).data("id")).remove();
                } else {
                    $("#tags").append(
                        "<small id='tag_" + $(this).data("id")
                        + "' class='ukefu-access-label "
                        + $(this).data("theme") + "'>"
                        + $(this).data("name") + "</small>");
                }
                loadURL($(this).data("href"));
            });
        $("#taglist").hover(null, function () {
            $(this).hide();
        });
        $('.quick-reply').click(function () {
            var target = $(this).data("id");
            if ($('#' + target).is(":hidden")) {
                $('#' + target).show();
            } else {
                $('#' + target).hide();
            }
        });
        $('.quick-reply-content').click(function () {
            if (editor != null) {
                var quickReply = $(this).html();
                if (editor.count("text") == 0) {
                    editor.html(quickReply);
                } else {
                    top.layer.confirm("您已经输入了内容，覆盖当前输入框中内容？", {icon: 3, title: '覆盖提示'}, function (index) {
                        top.layer.close(index);
                        editor.html(quickReply);
                    });
                }
            }
        });
    });

    if ("${massMassageToAgent}" != "") {
        console.log("massMassageToAgent", "${massMassageToAgent}")

        const idslist = "${ids}".split(",");

        for (var i = 1; i < idslist.length; i++) {
            console.log(i, "${massMassageToAgent}", idslist, idslist[i])

            top.WebIM.sendMessage("${massMassageToAgent}", '${user.id!'
            '}' , "${curagentuser.appid!''}" , "${user.sessionid!''}" , "${orgi!''}" , idslist[i] , "${user.username!''}"
        )
            ;

            console.log(123)

        }
    }

    function sendMessage() {
        console.log("skype send message", '1${user.id!'
        '}', "2${curagentuser.appid!''}", "3${user.sessionid!''}", "4${orgi!''}", "5<#if curagentuser??>${curagentuser.userid!''}</#if>", "6${user.username!''}"
    )
        editor.sync();
        var count = editor.count("text");
        if (count > 0) {
            var message = document.getElementById('message').value;
            top.WebIM.sendMessage(message, '${user.id!'
            '}' , "${curagentuser.appid!''}" , "${user.sessionid!''}" , "${orgi!''}" , "<#if curagentuser??>${curagentuser.userid!''}</#if>" , "${user.username!''}", "${curagentuser.id}"
        )
            ;

            console.log(editor, count)
        }
        editor.html('');
    };

    $(document).keyup(function (event) {
        if (event.keyCode == 13) {
            $("#search").click();
        }
    });

    var current = 0;

    var pieces = 0;

    var searchSwitch = false;
    $("#searchconter").focus(function () {
        $(this).attr('placeholder', ' ')
        $(".searchbox").css({"border": "1px solid #3b99fc", 'box-shadow': ' 0 0 3px 0 #3b99fc'});
        $("#search").css('margin-left', '20px');
    });

    $("#searchconter").blur(function () {
        $(this).attr('placeholder', '  请输入搜索内容')
        $(".searchbox").css({"border": "1px solid #d2d2d2", 'box-shadow': 'none'});
        $("#search").css('margin-left', '50px');
    });

    $('#searchSubmit').click(function () {
        $("#search").click();
    })

    function search(conditionalParameter) {
        $.ajax({
            url: '/agent/agentusersearch.html',
            data: {'search': $('#searchconter').val(), 'id': '${curagentuser.id}', 'condition': conditionalParameter},
            type: "post",
            success: function (data) {
                $('#searchlist').html(data);
                pieces = $('#totalSearches').val()
                $('#numSearches').html("<span>" + pieces + "</span>条相关记录");
                if (pieces > 0) {
                    $('#nothing').css('display', 'none')
                    $('.chatblock').click(function () {
                        $.ajax({
                            url: '/agent/agentusersearchdetails.html',
                            data: {
                                'createtime': $(this).attr('name'),
                                'id': '${curagentuser.id}',
                                'thisid': $(this).attr('id')
                            },
                            type: "post",
                            success: function (data) {
                                $('.chat-block').remove();
                                $('#chat_msg_list').prepend(data);
                                var element = document.getElementById("agentusersearchdetails");
                                element.scrollIntoView();
                                current = parseInt($('#totalElements').val()) - 11
                            }
                        });
                    })
                } else if (pieces == 0) {
                    $('#nothingTxt').html('无"' + $('#searchconter').val() + '"搜索结果')
                    $('#nothing').css('display', 'block')
                }
            }
        });
    }

    // 点击全部
    $('#all').click(function () {
        searchSwitch = false;
        search('all')
        $('#searchlabel .layui-icon').html('&#x1005;')
        $("#searchlabel").removeClass('selected')
        $("#all").addClass('selected')
    })
    //点击标注
    $('#searchlabel').click(function () {
        searchSwitch = !searchSwitch;
        if (searchSwitch) {
            $('#searchlabel .layui-icon').html('&#xe616;')
            $("#all").removeClass('selected')
            $("#searchlabel").addClass('selected')
            search('label')
        } else {
            $('#searchlabel .layui-icon').html('&#x1005;')
            $("#searchlabel").removeClass('selected')
            $("#all").addClass('selected')
            search('all')
        }

    })
    //点击搜索
    $('#search').click(function () {
        if (searchSwitch) {
            $('#searchlabel .layui-icon').html('&#xe616;')
            $("#searchlabel").addClass('selected')
            $("#all").removeClass('selected')
            search('label')
        } else {
            $("#all").addClass('selected')
            search('all')
        }
    })

    layui.use('flow', function () {
        var flow = layui.flow;
        flow.load({
            elem: '#chat_msg_list' //流加载容器
            , scrollElem: '#chat_msg_list' //流加载容器
            , end: '没有更多了'
            , isAuto: false
            , done: function (page, next) { //执行下一页的回调
                //模拟数据插入
                current += 20;
                console.log(current);
                setTimeout(function () {
                    var lis = [];
                    var pages = 0;
                    $.ajax({
                        url: '/agent/agentuserpage.html',
                        data: {'current': current, 'id': '${curagentuser.id}'},
                        type: "post",
                        success: function (data) {
                            var element = document.getElementsByClassName("chat-block")[0];
                            if (page != 1) {
                                element.scrollIntoView();
                            }
                            lis = lis + data;
                            $('#chat_msg_list').prepend(data)
                        }
                    });
                    //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
                    //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
                    pages = '${agentUserMessageList.totalElements}' / 20
                    next(lis.join(''), page < pages); //假设总页数为 10
                }, 500);
            }
        });

    });
                
